/**
* Tencent is pleased to support the open source community by making 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
* Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
* Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
* http://opensource.org/licenses/MIT
* Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
*/
.k-grid table {
   table-layout: fixed;
}

.k-grid tbody tr{
    height: 30px;
}

.k-grid td{
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 0px;
}
.k-detail-cell td {
    padding-left: 7px;
}

.basic_toggle {
    background-color: whitesmoke;
    cursor: pointer;
}

.config-box {
    width: 100%;
    margin-bottom: 1px;
}

.config_btn {
    margin-left: 20px;
    margin-bottom: 18px;

}

div.table-responsive table tbody tr td{
    border-width: 0px 0px 1px 0px;

}

div.table-responsive table tbody tr td:first-child{
    color: #8d8d8d;
}

div.table-responsive table {
    border-width: 0px;
}

.table-responsive table td {
    text-align: left;

}

.config_checkbox {
    margin-right :25px;

}
.input_checkbox,.input_checkbox_label {
    cursor: pointer;
}

div.basic_alarm {
    display: none;
}

.config_check {
    cursor: pointer;
}


.highlight_box.icon_wrap {
position: relative;
padding-top: 14px;
padding-bottom: 14px;
}
.highlight_box.border {
border-width: 0px;
border-top: 1px solid #e7e7eb;
}
.highlight_box {
padding: 9px 30px;
background-color: #f4f5f9;
margin-bottom: 20px;
line-height: 1.6;
}
.highlight_box .desc {
color: #8d8d8d;
overflow: hidden;
}

.desc {
color: #8d8d8d;
overflow: hidden;
}

td.k-detail-cell table tbody tr td{
    border-bottom: solid 1px lightgray;

}


/*从paas_app_analysis文件拷贝*/
.mod_basic {
    margin: 20px 30px 0;
    border-color: #e7e7eb;
    box-shadow: none;
    background: #FFF;
    border: 1px solid #BABABB;
}
.mod_basic .title {
    min-height: 40px;
    border-color: #e7e7eb;
    background: #f4f5f9;
}
.mod_basic .title {
    position: relative;
    line-height: 0;
    font-size: 12px;
    border-bottom: 1px solid #d8d8d8;
}
.mod_basic .title h3 {
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 20px;
}
.mod_basic .content {
    position: relative;
    border-top: 0 none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
a, a:hover, a:active, a:focus{
    text-decoration: none;
}
.ui_trendgrid {
    margin: 20px 0;
}
.ui_trendgrid {
    width: 100%;
    table-layout: fixed;
    margin: 5px 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table {
    display: table;
    border-color: gray;
}
.ui_trendgrid td {
    height: 130px;
    border-color: #e7e7eb;
}
.ui_trendgrid td {
    border-right: 1px solid #d8d8d8;
}
.ui_trendgrid_item {
    text-align: center;
}
.ui_trendgrid_item {
    position: relative;
    overflow: hidden;
}
.ui_trendgrid_chart {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 1px;
}
.ui_trendgrid dl {
    display: inline-block;
    margin-top: 0;
    padding: 0;
    text-align: left;
}
.ui_trendgrid dl {
    position: relative;
    z-index: 2;
}
.ui_trendgrid dt {
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}
.ui_trendgrid dt b {
    font-weight: normal;
    font-size:18px;
}
dd .ui_trendgrid_number {
    text-align: center;
    color: #676767;
}
.ui_trendgrid_3 .ui_trendgrid_number {
    margin-right: 10px;
}
.ui_trendgrid .ui_trendgrid_number {
    position: relative;
    margin-bottom: 10px;
    height: 24px;
}
.ui_trendgrid dd {
    margin-top: 2px;
    line-height: 18px;
    white-space: nowrap;
}
.ui_trendgrid_unit {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 38px;
    text-align: center;
}
.ui_trendgrid td.last {
    border-right: 0 none;
}
.mod_basic .title .tabs {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}
.mod_basic .title .tabs a.current, .mod_basic .title .tabs a.current:hover {
    color: #fff;
    background: #44b549;
    box-shadow: none;
}
.mod_basic .title .tabs a {
    min-height: 40px;
    line-height: 40px;
}
.mod_basic .title .tabs a {
    margin: 0;
    padding: 0 15px;
    min-width: 76px;
    text-align: center;
    border-right: none;
}
.mod_basic .title .tabs a:hover{
    background: #e6e7ec;
}
.mod_basic .title .tabs a.current, .mod_basic .title .tabs a.current:hover {
    cursor: default;
}
.mod_basic .title .tabs a {
    position: relative;
    float: left;
}
.mod_basic .title h3 {
    display: inline-block;
}
.mod_basic .title .sub_menu {
    background: #f4f5f9;
    box-shadow: none;
    border-color: #e7e7eb;
}
.mod_basic .title .sub_menu {
    padding: 10px 20px;
    min-height: 53px;
    line-height: 1em;
    border-top: 1px solid #d8d8d8;
}
label{
    font-weight:400;
}
.button_primary {
    background-color: #44b549;
    border-color: #44b549;
    color: #ffffff;
    border: 1px solid #5BACF1;
}
.button, .button.current {
    padding: 0 22px;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    box-shadow: none;
    text-shadow: none;
}
.button {
    display: inline-block;
    margin: 0;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    background-repeat: repeat-x;
    vertical-align: middle;
    outline: 0;
}
.date-section {
    margin: 0;
    margin-right: -1px;
    font-size: 14px;
    float: left;
}
.date-section a {
    display: block;
    padding: 0 22px;
    min-width: 60px;
    height: 30px;
    border: 1px solid #e6e7ec;
    background: #fff;
    line-height: 30px;
    color: #222;
    text-align: center;
    text-decoration: none;
}
.setup {
    float: right;
}
